---
layout: page
title: "Secret"
description: "Hidden Blog Catalog"
header-img: "img/page-bg-hide.jpg"
hide-in-nav: true
---

<style>
  .hidden-blog-container {
    width: 100%;
    margin: 0 auto;
  }
</style>

<div class="chase-overflow-hidden">
  <article class="hidden-blog-container chase-anim-fade-in chase-duration-1000 chase-delay-400 chase-transparent">
    <!-- Chase: Show hidden pages -->
    {% for page in site.pages %}
    {% if page.layout == 'hidden-page' %}
    <div class="post-preview">
      <a href="{{ page.url | prepend: site.baseurl }}">
        <h2 class="post-title">
          {{ page.title }}
        </h2>
        {% if page.subtitle %}
        <h3 class="post-subtitle">
          {{ page.subtitle }}
        </h3>
        {% endif %}
        <div class="post-content-preview">
          {{ page.content | strip_html | truncate:200 }}
        </div>
      </a>
      <p class="post-meta">
        Posted by {% if page.author %}{{ page.author }}{% else %}{{ site.title }}{% endif %} on
        {{ page.date | date: "%B %-d, %Y" }}
      </p>
    </div>
    <hr>
    {% endif %}
    {% endfor %}

    <!-- Chase: Show hidden posts -->
    {% for post in site.posts %}
    {% if post.hide %}
    <div class="post-preview">
      <a href="{{ post.url | prepend: site.baseurl }}">
        <h2 class="post-title">
          {{ post.title }}
        </h2>
        {% if post.subtitle %}
        <h3 class="post-subtitle">
          {{ post.subtitle }}
        </h3>
        {% endif %}
        <div class="post-content-preview">
          {% if post.lang == 'en' %}
          {{ post.content | strip_html | truncate:300 }}
          {% else %}
          {{ post.content | strip_html | truncate:200 }}
          {% endif %}
        </div>
      </a>
      <p class="post-meta">
        Posted by {% if post.author %}{{ post.author }}{% else %}{{ site.title }}{% endif %} on
        {{ post.date | date: "%B %-d, %Y" }}
      </p>
    </div>
    <hr>
    {% endif %}
    {% endfor %}
  </article>
</div>